.sidenav {
    height: 100%;
    width: 200px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #000000c9;
    overflow-x: hidden;
    padding-top: 20px;
    border-radius:0 15% 15% 0;
  }
  .main {
    margin-left: 200px; /* 与 sidenav 的宽度相同 */
    height:100%;
    width:100%;
    position:fixed;
    overflow-y: scroll;
    background-color: #fff;
    display: flex;
    flex-direction:column;
  }
  .AvatarBox{
    height:100px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.AvatarBox img{
    height:80px;
    width: 80px;
    border-radius:50%;
    transition: 0.5s;
}
.AvatarBox img:hover{
   height: 100px;
   width: 100px;
   background-color: rgba(0, 0, 0, 0.574);
   
}
.NameBox{
    height:50px;
    color:#fff;
    font-size: 17px;
    font-weight:400;
    align-items: center;
    display: flex;
    justify-content: center;
}
.NavItems{
    height: 60px;
    align-items:center;
    color:#fff;
    font-weight: 500;
    font-size: 15px;
    display: flex;
    justify-content: center;
    margin-top: 30px;
    border-radius: 0 20% 20% 0;
    transition: 0.3s;
}
.NavItems:hover{
   border-radius: 15%;
   height:80px;
   font-size: 18px;
   font-weight: 600;
   background-color:#717171d4;
   box-shadow: 0px 0px 2px 1px rgb(255, 255, 255);
}
.Head{
    width:100%;
    height: 100px;
    align-items:center;
    display: flex;
    
}
.HeadPrompt{
   width: 170px;
   height:45px;
   background-color: #000000c9;
   justify-content: center;
   align-items: center;
   display: flex;
   font-size: 16px;
   font-weight: 500;
   color: #fff;
   border-radius: 50% 20% / 10% 40%;
   margin-left: 70%;
   box-shadow: 0px 0px 2px rgb(105, 105, 105);
}
